import Vue from 'vue';
import IconFa from './icon-fa';
import IconSvg from './icon-svg';
import UiContainer from './ui-container';
import RightContainer from './vx-right-container'; // 左右布局，用于转账 左侧选择账户
import FormContainer from './vx-form'; // 表单外层容器
import MenuTree from './vx-menu-tree'; // 树形组件
import TitleBar from './vx-title-bar'; // 录入信息->确认信息->提交成功
import Result from './vx-result'; // 结果页 带图标
import ResultStep from './vx-result-step'; // 交易审核流程 结果页
import InputAmountRange from './vx-input-amount-range'; // 金额范围输入框
import BankCard from './vx-bank-card'; // 银行卡展示 logo、名字、卡号、银行
import VerifyCode from './vx-verify-code'; // 获取验证码
import UploadFile from './vx-upload-file'; // 上传文件
import PayInfo from './vx-pay-info'; // 付款人信息卡片
import Transfer from './vx-transfer'; // 收付款人信息栏
import CollectionList from './vx-collection-list'; // 付款及收款人列表================（待重写）
import AlertTimer from './vx-alert-timer'; // 定时 alert 提示
import ExplainTips from './vx-explain-tips'; // 说明提示（鼠标悬浮提示框）
import SmallTitle from './vx-small-title'; // 标题
import Tips from './vx-tips'; // 温馨提示
import TipWarn from './vx-tip-warn'; // 警告 提示
import Nodata from './vx-nodata'; // 暂无数据提示
import Agree from './vx-agree'; // 同意协议
import Dialog from './vx-dialog'; // 弹窗提示
import VxBillTable from './vx-bill-table'; // 电子表单
import VxAcronymIndex from './vx-acronym-index'; // 首字母索引
import vxUploadLarge from './vx-upload-large'; // 上传文件

Vue.component('vx-collection-list', CollectionList);
Vue.component('ui-icon-fa', IconFa);
Vue.component('ui-icon-svg', IconSvg);
Vue.component('ui-container', UiContainer);
Vue.component('vx-bank-card', BankCard);
Vue.component('vx-alert-timer', AlertTimer);
Vue.component('vx-dialog', Dialog);
Vue.component('vx-menu-tree', MenuTree);
Vue.component('vx-agree-container', Agree);
Vue.component('vx-explain-tips', ExplainTips);
Vue.component('vx-form-container', FormContainer);
Vue.component('vx-nodata', Nodata);
Vue.component('vx-pay-info', PayInfo);
Vue.component('vx-result', Result);
Vue.component('vx-result-step', ResultStep);
Vue.component('vx-right-container', RightContainer);
Vue.component('vx-tips', Tips);
Vue.component('vx-tip-warn', TipWarn);
Vue.component('vx-transfer', Transfer);
Vue.component('vx-title-bar', TitleBar);
Vue.component('vx-input-amount-range', InputAmountRange);
Vue.component('vx-small-title', SmallTitle);
Vue.component('vx-upload-file', UploadFile); // 待优化
Vue.component('vx-verify-code', VerifyCode);
Vue.component('vx-bill-table', VxBillTable);
Vue.component('vx-acronym-index', VxAcronymIndex);
Vue.component('vx-upload-large', vxUploadLarge);

/*
 * positionInfo ======================
 *
 * 未全局引入组件
 * ui-icon-select  // 图标选择器
 * ui-icon-svg-select // svg图标选择器
 * ui-tinymce  // 富文本编辑器
 * vx-pwd // 密码
 * ui-module-index-menu // 级联菜单组件
 * vx-limit  // 无操作权限提示页 (没用到)
 * vx-limit-explain // 限额说明
 * vx-paylist（业务模块）// 付款账户（待重写）
 *
 * vx-appoint-audit  //  指定审核员并通知（电子票据）
 * vx-audit-person //  此交易需要 ... 审核（电子票据）
 * vx-bill-table // 票据正面 票据背面 （电子票据）
 * vx-cross-row-size-bank // 开户银行（电子票据）
 * vx-same-city-bank   // 开户银行，带有查询开户行 （电子票据）
 * vx-super-online-bank // 超级网银（电子票据）
 * vx-payee-name-book //  收款人名册弹窗（电子票据）
 * vx-ac-bank-qry  //  开户行查询
 */

/**
 * 1、自定义组件以vx开头，以短横线'-'分割
 * 2、全局引入时，按照现有格式
 * 3、组件内最外层 class 使用组件名
 * 4、组件内只有一个插槽的，用默认插槽
 * 5、传递参数 props 内属性要按照如下格式书写，不要只列一个属性名
 *  props: {
    address: {
      type: String,
      default: '',
    },
    fileList: {
      type: Array,
      default: () => {
        return [];
      },
    },
  },
 * 6、写完组件，要写相应的README.md文件，内容有 组件说明，引入，使用，属性、方法、插槽、注意事项等，
 * 例：csii.vx3._web-V3.5.0\src\components\vx-collection-list
 * 7、全局组件需在本页面内引入
 */
